/*gallery*/
.gallery {
    background-image: url(../../images/gallery.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 525px;
    margin-top: -139px;
}

.gallery .gallery_desc {
    color: var(--primary);
}

.gallery .social {
    border-top: 2px solid rgba(0, 0, 0, 1);
}

.gallery .social a {
    color: var(--primary);
}
@media (min-width: 320px) and (max-width: 767px) {
    .gallery {
        background-image: none;
        height: auto;
        margin-top: 9px;
    }
}
/*gallery services*/
.gallery_services .icon i {
    color: var(--primary);
    transition: var(--main-transtion);
}

.gallery_services {
    margin-top: -90px;
}

.gallery_services .content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 5px 53px 0 rgba(49, 48, 48, 0.13);
    transition: var(--main-transtion);
}
.gallery_services .content a {
    color: #333;
}
.gallery_services .content.active1 a {
    color: #fff;
}
.gallery_services .content:hover i {
    color: #fff;
}
.gallery_services .content a img {
    width: 100%;
    height: 100px;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.gallery_services .content:hover {
    background-color: var(--primary);
    color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
    .gallery_services {
        margin-top: 20px;
    }
}
/*gallery_imges*/
.gallery_imges .img {
    background-color: var(--primary);
    position: relative;
}

.gallery_imges .img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transform: translate(-0, -15px);
    filter: brightness(0.7);
    padding: 0 5px;
}

/* .gallery_imges .img::after{
    position: absolute;
content:"";
width: 85%;
height: 315px;
background-image: linear-gradient(
    to top,
    rgba(33, 32, 32, 0.642),
    rgba(2, 2, 2, 0.095)
  );
left:32px;
top: -20px;

} */
.gallery_imges .project_name {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(-30px, -100%);
    z-index: 1;
    color: #fff;
    margin: 0;
    width: 90%;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow-y: clip;
    -webkit-box-orient: vertical;
}
/* position: absolute;
right: 0;
bottom: 0;
padding: 0 10px;
transform: translate(-0, -15%);
z-index: 1;
color: #fff;
width: 100%;
-webkit-line-clamp: 1;
display: -webkit-box;
overflow-y: clip;
-webkit-box-orient: vertical;
background: linear-gradient(0deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
} */
.active1 {
    background-color: var(--primary) !important;
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
    color: black;
}
.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.page-link {
    position: relative;
    display: block;
    color: black !important;
    text-decoration: none;
    /* background-color: var(--primary); */
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.text-box {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}